<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>hello</title>
</head>
<body>
    <h1 th:text="${msg}">大家好</h1>
    <h2>
        <!--常规用法-->
        欢迎您:<span th:text="${user.name}">请登录</span>
    </h2>
    <h1>
        <!-- 常量：有些内容可能不希望thymeleaf解析为变量 -->
        字符串常量: <span th:text="欢迎您"></span><br>
        数字常量:<span th:text="2020"></span><br>
        数字运算常量:<span th:text="2020 - 10"></span><br>
        bool常量:<span th:text="true"></span>
    </h1>
    <h1>
        <!-- 字符串拼接：下面两种方式等价 -->
     <span th:text="'欢迎你，'+${user.name}"></span><br>
        <!-- 简写方式：使用‘|’围起来 -->
        <span th:text="|欢迎您,${user.name}|"></span>
    </h1>
    <h1>
        <!-- 运算：运算符放在${}外 -->
        10年后，我<span th:text="${user.age}+10"></span>岁<br>
        比较结果：<span th:text="${user.age}<${user.friend.age}"></span><br>
        <!--三元运算-->
        三元：<span th:text="${user.age}%2 ==0 ? '帅' : '不帅'"></span><br>
        <!-- 默认值：注意`?:`之间没有空格 -->
        默认值：<span th:text="${user.name}? ${user.name} :'硅谷刘德华'"></span>
    </h1>
    <h1 th:object="${user}">
        <p th:text="*{name}">Jack</p>
        <p th:text="*{age}">21</p>
        <p th:text="*{friend.name}">Rose</p>
    </h1>
    <table>
        <tr th:each="user, start : ${userList}">
            <td th:text="${start.index + 1}"></td>
            <td th:text="${user.name}"></td>
            <td th:text="${user.age}"></td>
        </tr>
    </table>
    <div th:switch="${user.age}">
      <p th:case="23">23</p>
      <p th:case="20">20</p>
      <p th:case="19">19</p>
      <p th:case="*">其他</p>
    </div>
    <a th:href="@{'http://api.gmall.com/pms/brand?pageNum=' + 5}">点我带你飞</a><br>
</body>
</html>